iT邦幫忙

2024 iThome 鐵人賽

DAY 11
0

迴圈可以用簡潔的方式執行重複的事情,今天介紹幾個迴圈,第一個是for 迴圈,可以指定迴圈次數,會一直不段重複直到條件為 false,假設我們要將陣列的數字全部打印出來,可以用 :
https://ithelp.ithome.com.tw/upload/images/20240920/20168661KOOoqsNWUw.jpg
我設了一個變數,裡面放陣列,然後用for迴圈,小括號裡有三個參數,分別是初始表達式、條件式、遞增表達式,初始表達式也就是起始的條件,我設為從 0 開始,條件式這邊設成只要小於a陣列的長度 ( 5 ),就會繼續迴圈,最後一個是遞增表達式( 也可以遞減 ),設定為 i++,也就是i+1的意思,裡面的 i 總共會跑四次,在i =5的時候,5 < a 陣列長度(5),就停止迴圈了,分別是0、1、2、3、4,而打印的東西是a[0]、a[1]、a[2]、a[3]、a[4], 如下圖所示 :
https://ithelp.ithome.com.tw/upload/images/20240920/20168661cU0Fw8nmgX.jpg
接著是do while迴圈,只要條件為true會一直不斷重複,直到一個特定的條件判斷為 false才停止,用範例解釋 : 
https://ithelp.ithome.com.tw/upload/images/20240920/20168661q6Y8g6wanI.jpg
我設一個變數裡面放0,會再檢查前先執行一次,while裡面是條件判斷,每次執行完都要經過while理的條件判斷,為true才會繼續執行i++及打印的動作,所以i分別是1、2、3、4、5,當i等於5時,while裡的條件,5不小於5,所以迴圈就終止了。

再來是while迴圈,比上面少了do,然後沒有先執行一次,其他一樣,while裡的條件只要為true,便會一直執行,用範例解釋 :
https://ithelp.ithome.com.tw/upload/images/20240920/201686614q0JI7V0Cl.jpg
一樣設個變數為0,在小於5之前,每次都會執行i++與打印的動作,結果其實跟上面是一樣,是1、2、3、4、5。
https://ithelp.ithome.com.tw/upload/images/20240920/20168661B8Az5Xs5NG.jpg
剩下的明天再介紹~


上一篇
第十天 - - JavaScript if else & switch
下一篇
第十二天 - - JavaScript 迴圈(2)
系列文
跟著鱷魚妹妹一起坐牢之JavaScript 30天17
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言